import { type App } from 'vue'
// element-plus 图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
// 图标组件
import SvgIcon from '@/components/svgIcon/index.vue'

// 分页组件
import Page from '@/components/global/Page.vue'

// element-plus 图标以 ele- 开头
export function useEleIcon(app: App) {
    // 全局注册所有 element-plus 图标
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        app.component(`ele-${key}`, component)
    }
    // 图标组件
    app.component('SvgIcon', SvgIcon)

    // 注册分页组件
    app.component('MPage', Page)
}

